import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'

//引入路径的模块
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    //配置路径别名
    alias: {
      //__dirname:当前文件所在目录的绝对路径
      '@': path.resolve(__dirname, 'src'),
      'vue': 'vue/dist/vue.esm-bundler.js' //定义vue的别名，如果使用其他的插件，可能会用到别名
    },
  },

  //解决跨域问题
  server: {
    proxy: {
      '/shop': {
        target: 'http://www.laravelvue.com/shop',//线下
        // target: 'http://laravel8.yangsihao.love/shop',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/shop/, '')
      }
    }
  },

  plugins: [
    vue(),
    AutoImport({
      imports: [
        'vue',
        'vue-router',
        {
          //全局配置api请求
          '@/api/index.js': [
            ['default', 'Api'],// import { default as Api } from '@/api/index.js'
          ],
          //全局引入成功/失败提示框
          'vant': [
            'showSuccessToast', 'showFailToast' ,'showConfirmDialog'
          ],
          'vue3-cookies':[
              'useCookies'
          ]
        }
      ]
    })
  ],
})
